@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  html {
    font-feature-settings: "rlig" 1, "calt" 1;
  }
}

@layer utilities {
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  
  .text-primary-foreground {
    color: white;
  }
  
  .text-secondary-foreground {
    color: rgb(71 85 105);
  }
  
  .text-destructive-foreground {
    color: white;
  }
  
  .bg-primary {
    background-color: rgb(59 130 246);
  }
  
  .bg-secondary {
    background-color: rgb(241 245 249);
  }
  
  .bg-destructive {
    background-color: rgb(239 68 68);
  }
  
  .bg-accent {
    background-color: rgb(243 244 246);
  }
  
  .text-accent-foreground {
    color: rgb(17 24 39);
  }
  
  .border-input {
    border-color: rgb(209 213 219);
  }
  
  .ring-ring {
    --tw-ring-color: rgb(59 130 246);
  }
  
  .ring-offset-background {
    --tw-ring-offset-color: white;
  }
}